草庐IT

Bootstrap5 表单

全部标签

javascript - Django Javascript 表单验证

我想为我的表单添加js验证,并且该验证应该在没有请求我的服务器的情况下完成。所以,比如说,我打开一个带有表单的页面,出现一些错误,js代码告诉我(没有向服务器发出单个请求),比如说,这个字段是必需的,这个字段太短,这个字段应该是数等主要思想-DRY-此js代码应自动生成和/或应从表单获取验证规则。现在我将通过编写自定义js代码(或使用一些表单验证库)来实现此类验证,并且我需要复制验证规则-在表单和js代码中。这不是DRY:)另外我会遇到一些与错误消息相关的问题。有解决方案吗?谢谢。 最佳答案 我在我的书签中找到了这篇文章,但我自己还

javascript - jQuery 多个动态表单到多个动态 iFrame

我正在创建多文件上传。在我构建文件列表的验证过程中(在提交文件之前),第一个动态创建的将按预期提交和工作,但另一个动态创建不会的。这在IE7+或FireFox中不起作用...另请注意,此代码位于SharePoint2007中,以防任何人指出任何限制!谢谢!用例用户点击浏览并选择一个文件...控制被隐藏。jQuery包装了一个周围并添加一个新的表单引用为target回复并提交表格。在服务器端,我运行一些验证并发回文件名、大小和删除选项。在(响应)用户看到类似Winter.jpg|的内容10KB|(x)移除jQueryclone()是控制和append()是如果用户希望上传更多内容。注意:

javascript - 使 Bootstrap 响应基于父 div 的最佳方法?

我需要Bootstrap中的容器基于父div而不是媒体查询进行响应。如果可能的话,我无法找出最好的方法,尤其是在不使用javascript的情况下。目前,在调整大小时,我会计算.span*div是否应为100%宽度(如果父div最终低于640px)或遵守列CSS。这是一个jsfiddle。使用.somecontainer上的CSS,.span*的内部布局应该像移动一样-因此如果将CSS更改为640px以上,则每一列都应该全宽,例如,它将重新布局为列布局。有什么想法吗?目前正在使用类似这样的代码(这并不理想)$(document).ready(function(){$('.somecon

javascript - 在 bootstrap-datepicker 上突出显示某些日期

我正在使用bootstrap-datepicker来检查我的网站获得销售的日期,我想显示或突出显示至少有一次销售的日期。我可以在JSON上传递日期,然后将它们放入Javascript的数组中,但我不知道如何让日期选择器获取日期并突出显示它们。有没有办法使用bootstrap-datepicker来实现这一点? 最佳答案 这是另一个突出显示日期范围的示例:varinRange=false;$('#elementPicker').datepicker({beforeShowDay:function(date){dateFormat=da

javascript - 表单提交时收到的 Google 表单事件没有响应

我正在尝试使用绑定(bind)到表单的脚本并使用onFormSubmit()触发器从Google表单收集响应详细信息。大多数情况下,详细信息都能准确无误地收到,但偶尔会出现错误。收到触发器,但没有数据传递给脚本。响应由google表单控制台接收,但不会转发给脚本。接收数据代码:functiononFormSubmit(e){Logger.log("Aresponsehasbeenreceived!");Logger.log(e);varresp=e.response.getItemResponses();//capturingtriggereventoutputvarform=e.so

javascript - 表单的服务器端验证

我所拥有的表单的默认验证按预期工作。但是,当用户输入有效的电子邮件地址和最少三个字符的密码时,并不意味着登录凭据有效。所以我的问题是:HowcanIsetthemodelemailandpasswordtoinvalidafterserver-sidevalidation,sotheinput-fieldsgettheclassng-invalidinsteadofng-valid.我当前的代码functionIndexCtrl($scope,$http){$scope.form={};$scope.submitLogin=function(){$http.post('/api/aut

javascript - 使用 R 将字段添加到在线表单并抓取生成的 javascript 创建的表

我正在尝试让R完成此网页上的“按邮政编码搜索”字段http://cti.voa.gov.uk/cti/使用预定义的文本(例如BN11NA),前进到下一页并抓取生成的4列表,根据邮政编码,该表可以跨越多个页面。为了使其更复杂,“改进指示器”不是文本字段,而是图像文件(如您使用邮政编码BN13HP搜索时所见)。我希望此列包含0或1,具体取决于图像是否存在。最终我得到了一个很好的数据框,它反射(reflect)了屏幕上的4列。我已尝试修改此question中的建议没有运气地做我上面描述的事情,老实说,我无法理解这个。我意识到R可能不是最适合我需要做的事情,但它是我可用的全部。任何帮助将不胜感

javascript - 使用 Semantic-UI-React 进行表单验证

我用的是官方SemanticUIReact组件来创建Web应用程序。我的注册页面上有一个表单,其中包含一个电子邮件字段、一个密码字段和一个确认密码字段。import{Component}from'react';import{Button,Form,Message}from'semantic-ui-react';import{signUp}from'../../actions/auth';classSignUpextendsComponent{constructor(props){super(props);this.handleSubmit=this.handleSubmit.bind(

javascript - javascript表单验证库推荐

关闭。这个问题不符合StackOverflowguidelines.它目前不接受答案。要求我们推荐或查找工具、库或最喜欢的场外资源的问题对于StackOverflow来说是偏离主题的,因为它们往往会吸引自以为是的答案和垃圾邮件。相反,describetheproblem以及迄今为止为解决该问题所做的工作。关闭9年前。Improvethisquestion关于javascript表单验证库的任何建议。我可以尝试自己动手(但我不太擅长javascript)。需要支持检查必填字段,最好是字段的正则表达式验证。

javascript - bootstrap.js 中的 emulateTransitionEnd,它来自哪里?

我正在调试modal.js并遇到了以下代码:that.$element.find('.modal-dialog')//waitformodaltoslidein.one('bsTransitionEnd',function(){that.$element.trigger('focus').trigger(e)}).emulateTransitionEnd(Modal.TRANSITION_DURATION):that.$element.trigger('focus').trigger(e)我的问题是关于以下行:emulateTransitionEnd(Modal.TRANSITION_